/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/

html {
    background:#BDCCD4;
    background-image:url(../images/bg.gif);  
    background-repeat:repeat-x;
	font: 62.5% normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
    
}
body {
	font-size: 1.4em;
	color: #555;
	background: #fff url(../images/background.gif) top left repeat-y;
	line-height: 170%;
	min-width: 960px;
	max-width: 1300px;
	margin: 0 auto;
}
	body.in-blog { background-image: url(../images/background_blog.gif); }

p { margin: 0 0 1em 0; }

a { color: #336699; text-decoration: none; }
a:hover { color: #336699; text-decoration: underline; }
	
hr, div.clear {
	visibility: hidden;
	clear: right;
}
	.info-group div.clear, p.clear {
		clear: both;
	}

input, select, textarea { width: 100%; }

input#submit, p.submit input {
	width: auto;
}
	p.submit { margin-top: 1em; font-size: 1.4em; }

.inner-tube {
	float: right;
	width: 100%;
}

/**************************
 HEADER
***************************/

#header {
	padding:115px 10px 37px;
    background: transparent url(../images/cc-logo.gif) no-repeat scroll right bottom
}
#header h1 a {
	display:block;
	float:right;
	height:50px;
	overflow:hidden;
	text-indent:-999em;
	width:353px;
}

         #header ul {
        float: left;
        margin: 7px 0 0 0;
    }
        #header ul li {
            float: left;
            margin: 0 0 0 10px;
        }
        
        
            #header ul li a {
                background-color:#CCC;
                    border-top:#CCC 2px solid;
                    border-left:#CCC 2px solid;
                    border-right:#CCC 2px solid;
                color: #555;
                display: block;
                padding: 2px 15px;
                -moz-border-radius-topleft: 7px;
                -moz-border-radius-topright: 7px;
                -webkit-border-radius: 3px;
                text-decoration: none;
            }
            
            #header ul li a:hover {
                background-color: #444;
                color: white;
                    
            }
            
            #header ul li.selected a {
                background-color:#FFF;
                    border-top:#CCC 2px solid;
                    border-left:#CCC 2px solid;
                    border-right:#CCC 2px solid;
                color: #336699;
                font-weight: bold;
            }
	#header .search {
		position: absolute;
		top: 1.2em;
		right: 1.5em;
	}

	/*** SEARCH / LOGIN BAR **********/

	#search-login-bar {
    background-color:#CCC;
        border-top: 10px solid;
        border-left: 2px solid;
        border-right: 2px solid;
        border-bottom: 2px solid;
        border-color:#336699 #A4A4A4 #A4A4A4;
    left:300px;
    padding: 7px 20px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
	}
		#search-login-bar #search-form {
			float: left;
			margin-top: 1px;
		}
			#search-login-bar #search-terms {
				width: 200px;
				margin-right: 4px;
				color: #888;
			}
			
			#search-login-bar #search-which {
				margin-right: 2px;
			}
		
		#search-login-bar a {
			text-decoration: underline;
		}
		
			#search-login-bar input, #avatar_continue {
				width: auto;
			}

		#search-login-bar #login-form, #logout-link {
			float: right;
		}

		#logout-link img {
			vertical-align: middle;
			border: 3px solid #ddd;
		}
	
	/** NAV ************/

		#header ul#nav li {
			float: left;
			margin: 0 0 0 10px;
		}
			
			

			#header ul#nav li.selected a {
				background: #fff9df;
				color: #ff7900;
				font-weight: bold;
			}
	


/**************************
 USER BAR
***************************/

#userbar {
	width: 138px;
	float: left;
	position: relative;
}
	#userbar ul li {
		float: none;
		margin-right: 0;
	}
	
	#userbar h3 {		
		background-color:#336699 !important;
		-moz-border-radius-topleft: 7px;
		color: #fff !important;
		
		
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		height: 15px;
		padding: 8px 0 8px 0;
	}

	#userbar p.avatar {
		text-align: center !important;
		float: none;
		margin: 1em 0 0 0;
	}

	#userbar img.avatar {
		margin: 0;
		float: none;
	}
		.crop-img {
			position: relative;
			padding-left: 276px;
			margin-left: -276px;
		}

	#userbar p#login-text {
		text-align: center;
		margin: 0.4em 0;
		float: none;
	}	
	
	#userbar p#login-text {
		padding: 0.5em 1em 0 1em;
	}
	
		p.avatar img {
			border: 4px solid #fff;
		}
	
	#userbar form {
		padding: 1em 1.5em 1em 1em;
	}
		#userbar form input {
			width: 100%;
		}
	
	#userbar ul#bp-nav {
		width: 149px;
		margin: 1.75em 0 0 0;
		z-index: 999 !important;
		position: relative;
	}
		#userbar ul#bp-nav li.current {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		background-color:#999;
		color: #fff;
		width:137px;
		}
			#userbar ul#bp-nav li a {
				font-size: 1em;
				color: #555;
				padding: 0.55em 3em 0.55em 0;
				display: block;
				text-align: right;
				margin-right: 0.85em;
			}
				#userbar ul#bp-nav li.current a {
					color: #fff;
				}
			
				li a#user-profile, li a#my-profile {
					background: url(../images/profile_bullet.gif) 88% 52% no-repeat;
				}

				li a#user-messages, li a#my-messages {
					background: url(../images/messages_bullet.gif) 89% 52% no-repeat;
				}			
				
				li a#user-blogs, li a#my-blogs {
					background: url(../images/blog_bullet.gif) 87% 52% no-repeat;
				}
				
				li a#user-friends, li a#my-friends {
					background: url(../images/friends_bullet.gif) 87% 52% no-repeat;
				}
				
				li a#user-groups, li a#my-groups {
					background: url(../images/groups_bullet.gif) 88% 52% no-repeat;
				}
				
				li a#user-wire, li a#my-wire {
					background: url(../images/wire_bullet.gif) 88% 52% no-repeat;
				}

				li a#user-activity, li a#my-activity {
					background: url(../images/activity_bullet.gif) 88% 52% no-repeat;
				}
				
				li a#user-settings, li a#my-settings {
					background: url(../images/settings_bullet.gif) 88% 52% no-repeat;					
				}
				
				li a#wp-logout {
					background: url(../images/logout_bullet.gif) 87% 52% no-repeat;
				}
				
				li a#group-home, li a#group-wire, li a#group-photos, li a#group-forum,
				li a#group-members, li a#group-invite, li a#group-leave, li a#group-admin
				li a#request-membership {
					background: url(../images/groups_bullet.gif) 88% 52% no-repeat;
					padding: 0.55em 3.1em 0.55em 0 !important;
					display: block;
					margin-right: 0.85em;
				}
					li a#group-forum {
						background: url(../images/forum_bullet.gif) 88% 52% no-repeat;	
					}

					li a#group-members {
						background: url(../images/friends_bullet.gif) 87% 52% no-repeat;	
					}
					
					li a#group-invite {
						background: url(../images/invite_bullet.gif) 89% 52% no-repeat;	
					}

					li a#group-leave {
						background: url(../images/cross_bullet.gif) 88% 52% no-repeat;	
					}
					
					li a#group-wire {
						background: url(../images/wire_bullet.gif) 88% 52% no-repeat;
					}	
					
					li a#group-admin {
						background: url(../images/blogadmin_icon.gif) 87% 52% no-repeat;
					}
					
					li a#request-membership {
						background: url(../images/request_bullet.gif) 87% 25% no-repeat;
					}

/**************************
 OPTIONS BAR
***************************/

#optionsbar {
	width: 138px;
	float: left;
	position: relative;
}
	#optionsbar ul li {
		float: none;
		margin-right: 0;
	}
	
	#optionsbar p.avatar {
		text-align: center !important;
		float: none;
		margin: 1em 0 0 0;
	}

	#optionsbar img.avatar {
		margin: 0;
		float: none;
	}
	
	#optionsbar h3 {		
		background-color:#336699 !important;
		color: #fff !important;		
		
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		height: 15px;
		padding: 8px 0 8px 0;
		letter-spacing: 0.5px;
	}
		#optionsbar.arrow h3 {
			background-color:#336699 !important;
			color: #fff !important;		
			height:15px;
		}
	
	#optionsbar ul#options-nav {
		width: 148px;
		margin: 1.75em 0 0 0;
		position: relative;
		z-index: 1;
	}
		#optionsbar ul#options-nav li.current {
			background-color:#999;
			color: #fff;
			width:137px;
		}
			#optionsbar ul#options-nav li a {
				font-size: 1em;
				color: #555;
				padding: 0.55em 2.5em 0.55em 0;
				display: block;
				text-align: right;
			}
			
			#optionsbar ul.icons li a {
				padding-right: 3.1em !important;
				margin-right: 0.7em;
			}

/**************************
 CONTENT HEADER NAVIGATION
***************************/

.content-header a {
	color: #555;
}

ul.content-header-nav {
	margin: -8px 0 0 1.5em;
}
	ul.content-header-nav li {
		float: left;
		padding: 8px 1em;
		height: 30px;
		font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
		text-transform: none;
	}
		ul.content-header-nav li a {
			color: #555;
			text-decoration: underline;
		}
			ul.content-header-nav li a:hover {
				color: #555;
				text-decoration: none;
			}
		
		ul.content-header-nav li span {
			color: #999;
		}
	
	ul.content-header-nav li.current {
		background: url(../images/topoption_selected_back.gif) top center no-repeat;
	}
		ul.content-header-nav li.current a {
			text-decoration: none;
		}
		
		
/**************************
 MAIN CONTENT
***************************/

#main {
	margin-left: 276px;
	background: #fff url(../images/content_back.gif) top left repeat-x;
	min-width: 680px;
}
	#main div.content-header {
		background-color:#336699 !important;
		color: #fff !important;		
		-moz-border-radius-topright: 7px;	
		
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		height: 15px;
		padding: 8px 0 8px 0;
	}

	#main #content {
		position: relative;
		padding: 2em 3em;
	}
		#main #content h2, h3#respond, h3#responses {
			font: normal 1.6em Georgia, Times, serif;
			padding-bottom: 0.25em;
			border-bottom: 1px solid #ddd;
			margin-bottom: 1em;
		}
		
		#main #content h3 {
			font: normal 1.3em Georgia, Times, serif;
			padding-bottom: 0.25em;
			margin: 1em 0;	
		}
		
		#main #content .left-menu {
			position: relative;
			float: left;
			width: 158px;
		}
	
		#main img.avatar {
			border: 4px solid #f0f0f0;
		}
	
		
		.main-column h1, #blog-info h1 {
			font: normal 3.2em "Georgia", Times, serif !important;
		}
			.main-column h1 a, #blog-info h1 a {
				color: #646464;
			}
			
			.main-column p.status, #blog-info p.desc {
				color: #f7740a;
				font: normal 1.4em "Georgia", Times, serif;
				font-style: italic;
			}
				
		a.page-numbers:hover { background: #e1e1e1; }

			.pagination-links .current {
				background: #d5d5d5;
				border-bottom: 2px solid #f28935;
			}
				
		.pag-count {
			font-size: 0.9em;
			color: #888;
		}
	
			div.info-group h4 {
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				background-color:#CCC;
				
				font-size: 1em;
				margin-bottom: 0.5em;
				font-weight: bold;
			}
				.left-menu div.info-group h4 {
					background: url(../images/leftmenu_group_header.gif) top left no-repeat;
					color: #555;				
				}
				
				div.info-group h4 a {
					color: #fff;
					font-weight: normal;
				}

	.standard-form input, .standard-form select, .standard-form textarea {
		font-size: 1.3em;
		font-family: inherit;
		color: #777;
	}
	
	
	#message {
		background: url(../images/updated_back.gif) top left repeat-x #ddffc4;
		margin: 0 0 2em 0;
	}
		#message p {
			color: #357c00;
			padding: 1em 2.75em;
			background: url(../images/updated_icon.gif) 1em 1.1em no-repeat;
		}
	
	#message.error {
		background-image: url(../images/error_back.gif);
		background-color: #ff3a3a;
		color: #fff;
	}
		#message.error p {
			background-image: url(../images/error_icon.gif);
			color: #fff;
		}
	
	#message.info {
		background-image: none;
		background-color: #E7F3F9;

		color: inherit;
	}
		#message.info p {
			background-image: url(../images/info_icon.gif);
			color: inherit;
			padding-left: 3.3em;
		}

/**************************
 FOOTER
***************************/

#footer {
	clear: both;
	background: url(../images/content_header.gif) repeat-x #eee;
	text-align: center;
	margin-top: 30px;
	padding: 15px;
	font: normal 1.1em Georgia, times, serif;
}

